<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="css/menuPng.css" rel="stylesheet" type="text/css"/>
    
    <link href="css/global.css" rel="stylesheet" type="text/css" />
    <link href="css/button.css" rel="stylesheet" type="text/css" />
	<link href="css/header.css" rel="stylesheet" type="text/css"/>
    <link href="css/footer.css" rel="stylesheet" type="text/css" />
    <link href="css/album.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="icon/favicon.ico" >
	<link rel="icon" type="image/gif" href="icon/animated_favicon1.gif" >
</head>

<body >
<ul class="headerUnlimitBg">
	<li class="left"></li>
    <li class="right"></li>
</ul>
<div class="container center header-content">
    <img src="images/header.jpg"/>
    <ul class="nav header-menu">
        <li><a class="home"  href="index.html"></a></li>
        <li><a class="gallery"  href="gallery.html?finished"></a></li>
        <li><a class="about"  href="about.html"></a></li>
        <li><a class="links"  href="link.html"></a></li>
        <li><a class="blog"  href="http://blog.sina.com.cn/duzhendemengxiang" target="_blank"></a></li>
    </ul>
</div>

<div class="mainContainer container">
	<!--头部-->
	
    <!--内容-->
    <div class="container content">
    <div class="albumBox">
    	<div class="leftBox floatLeft splith">
            <div class="thumbBox splitv border1px">
                <p class="itle">SELECTED ARTWORKS</p>
                <p class="dateTime">
                    <span class="hourTime">00:00 AM</span>
                    <br/>
                    Sunday,March 1.2000
                </p>
            </div><!--thumbBox end-->
            
            <a class="prev floatRight" href="#1"></a>
        </div><!--leftBox end-->
        <div class="thumb scroll thumbPos">
            <ul>
                <li>
                    <img class="border1px" src="photo/thumb/thumb1.jpg" width="177" height="105" />
                </li>
                <li>
                    <img class="border1px" src="photo/thumb/thumb2.jpg" width="177" height="105" />
                </li>
                <li>
                    <img class="border1px" src="photo/thumb/thumb3.jpg" width="177" height="105" />
                </li>
            </ul>
        </div><!--thumb end-->
        <div id="home_main_cluster" class="album albumPos scroll floatLeft splith">
            <div class="main_cluster_content">
                <div id="main_cluster_scroll" class="cluster_scroll_area" style="width: 8060px;">
                    <a class="cluster_capsule" id="main_cluster_cap_0" >
                        <img class="cluster_capsule_image" id="img_201700" src="photo/photo1.jpg" width="360" height="360"  alt="DiRT Showdown">
                    </a>
                    <a class="cluster_capsule" id="main_cluster_cap_1">
                        <img class="cluster_capsule_image" id="img_200050" src="photo/photo2.jpg" width="360" height="360" alt="Naval War: Arctic Circle">                               
                    </a>
                    <a class="cluster_capsule" id="main_cluster_cap_2">
                        <img class="cluster_capsule_image" id="img_205610" src="photo/photo3.jpg" width="360" height="360" alt="Port Royale 3">  
                    </a>
                    <a class="cluster_capsule" id="main_cluster_cap_3">
                        <img class="cluster_capsule_image" id="img_20920" src="photo/photo2.jpg" width="360" height="360" alt="The Witcher 2: Assassins of Kings Enhanced Edition"> 
                    </a>
                    <a class="cluster_capsule" id="main_cluster_cap_last">
                        <img class="cluster_capsule_image" id="img_201700" src="photo/photo1.jpg" width="360" height="360" alt="DiRT Showdown">
                    </a>
                </div>
            </div>
        </div>
        <!--a<div class="album albumPos scroll floatLeft splith">
            <ul>
                <li>
                    <img class="border1px" src="photo/photo1.jpg" width="360" height="360" />
                    <p>&lt;MONKEY KING&gt;美猴王</p>
                </li>
                <li>
                    <img class="border1px" src="photo/photo2.jpg" width="360" height="360" />
                    <p>&lt;MONKEY KING&gt;美猴王2</p>
                </li>
                <li>
                    <img class="border1px" src="photo/photo3.jpg" width="360" height="360" />
                    <p>&lt;MONKEY KING&gt;美猴王3</p>
                </li>
            </ul>
      	</div>lbum end-->
        <a class="next albumPos floatLeft" href="#1"></a>
    </div>
    <p id="desc" align="left">Du Zhen,has been studied Computer Graphics since 2007,and participated in projects involving mobile <br />
      games,web games,online games,movies,interior decoration,graphic design,UI,and etc.This site showcases <br />
      his art work.Any disussion onhis work are welcome. Thank you!
    </p>
    </div><!--content end-->
 	<!--脚部-->
	<div class="container footer">
        
            <!--<div class="footerLeft"></div>
        <div class="footerRight"></div>	-->
        <img class="footerBg" src="images/footer.jpg"/>
 
        <div class="container footer-content">
            <ul class="footer-menu">
                <li><a href="index.html"><img src="images/footer/home.jpg"/></a></li>
                <li><a href="gallery.html?finished"><img src="images/footer/gallery.jpg"/></a></li>
                <li><a href="about.html"><img src="images/footer/about.jpg"/></a></li>
                <li><a href="link.html"><img src="images/footer/links.jpg"/></a></li>
                <li><a href="http://blog.sina.com.cn/duzhendemengxiang" target="_blank"><img src="images/footer/about.jpg"/></a></li>
            </ul>
            
            <div class="copyRightContainer">
                <a href=".header-content" id="topOfThePage" title="返回顶部"></a>
                <a class="footer-logo" href="index.html"><img src="images/footer/lokcg.com.jpg"/></a>
                <img src="images/footer/jieshao.jpg"/>
                <!--<p class="floatLeft copyRight">Copyright &copy; 2012 lokdu. All rights </p>-->
            </div>
        </div>
    </div><!--脚部end-->
</div>
<ul class="footerUlimitBG">
	<li class="left"></li>
    <li class="right"></li>
</ul>

</body>
<script src="js/jquery-1.5.1.js" type="text/javascript"></script>
<script src="js/jquery.tools.min.js" type="text/javascript"></script>
<script src="js/album.js" type="text/javascript"></script>
<script src="js/jquery-bP.min.js" type="text/javascript"></script>
<script src="js/sparth_main.js" type="text/javascript" ></script>
<script src="js/date.js" type="text/javascript"></script>
<script type="text/javascript" src="js/prototype-1.7.js?v=2003593808&l=schinese"></script>
<!--steamVersion-->
<script type="text/javascript" src="js/scriptaculous/scriptaculous.js?v=2621245298&l=schinese"></script>
<script type="text/javascript" src="js/cluster.js?v=2680737203&l=schinese"></script>
<script type="text/javascript">
   /* var ClusterHandler = new Cluster( {
		cCapCount: 3, //去掉一个冗余，去掉一个0开头
		nCapWidth: 616 + 4,
		elClusterArea: $('mini_cluster'),
	} );*/
	var ClusterHandler2 = new Cluster( {
		cCapCount: 3, //去掉一个冗余，去掉一个0开头
		nCapWidth: 616 + 4,
		elClusterArea: $('home_main_cluster'),
		elScrollLeftBtn : $('.cluster_control_left'),
		elScrollRightBtn : $('cluster_control_right'),
	} );
</script>
</html>


